// useState实现一个计数器按钮
import { useState } from "react";
// App 根组件
function App() {
  // 1.调用useState添加一个状态变量
  // 返回一个数组，count:状态变量 setCount:修改状态变量的方法
  const [count, setCount] = useState(0);
  // 2.点击按钮事件回调
  const handleClick = () => {
    // 调用setCount修改状态变量,驱动视图更新
    setCount(count + 1);
  };
  return (
    <div className="App">
      <button onClick={handleClick}>点我加一</button>
      <button onClick={() => setCount(count - 1)}>点我减一</button>
      <span>{count}</span>
    </div>
  );
}
// 暴露App组件
export default App;
